.about {
    width: 100%;
    height: 1237px;
}

.about .nav {
    width: 200px;
    height: 14px;
    line-height: 14px;
    color: #767676;
    font-size: 14px;
    margin-top: 20px;
    overflow: hidden;
}

.about .nav .img {
    width: 28px;
    height: 14px;
    background: url(../img/style.png) no-repeat center;
}

.about .nav p,
.img {
    float: left;
}

.about .nav .finaly {
    color: #668aca;
}

.title {
    width: 100%;
    height: 41px;
    margin-top: 30px;
}

.title .top {
    font-size: 18px;
    color: #767676;
    margin-bottom: 6px;
    line-height: 17px;
}

.title .down {
    font-size: 12px;
    color: #6b6b6b;
    margin-bottom: 7px;
    line-height: 10px;
}

.title .steep {
    display: block;
    width: 30px;
    height: 1px;
    background-color: #a1a1a1;
}

.about .about-nav {
    width: 100%;
    height: 460px;
    overflow: hidden;
    margin-bottom: 100px;
}

.about .about-nav .nav-item {
    float: left;
    width: 600px;
    height: 200px;
    margin-top: 30px;
}

.about .about-nav .nav-item img {
    float: left;
    display: block;
    width: 200px;
    height: 200px;
}

.about .about-nav .nav-item .text {
    float: right;
    width: fit-content;
    height: 135px;
    margin-top: 31px;
    margin-right: 50px;
    color: #6b6b6b;
}

.about .about-nav .nav-item .text .top {
    font-size: 18px;
    line-height: 17px;
    margin-bottom: 9px;
}

.about .about-nav .nav-item .text .mid {
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 19px;
}

.about .about-nav .nav-item .text .bottom {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 21px;
}

.about .about-nav .nav-item .text span {
    display: block;
    width: 60px;
    height: 1px;
    background-color: #e2e2e2;
}

.about .bottom {
    width: 100%;
    height: 382px;
    overflow: hidden;
}

.about .bottom .left {
    float: left;
    width: fit-content;
    height: 100%;
}

.about .bottom .left .text {
    font-size: 14px;
    line-height: 19px;
    color: #989898;
    text-indent: 2em;
    margin-top: 30px;
}

.about .bottom .right {
    float: right;
    width: 500px;
    height: 300px;
    background: url(../img/item.jpg) no-repeat center;
    background-size: cover;
    margin-top: 70px;
}